@charset "utf-8";
*{
	margin:0;
	padding:0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background:url(../images/home/bg_top.png) 0 35px repeat-x #fff;
	color:#333;
}
a{
	color:#07c;
	outline:0;
	text-decoration:none;
	transition: color .5s ease-out;
	-moz-transition: color .5s ease-out;
	-o-transition: color .5s ease-out;
	-webkit-transition: color .5s ease-out;
}
a img{
	border:none;
}
ul{
	list-style:none;
}
.clear{
	clear:both;
}
.wrapper{
	width:100%;
	background:url(../images/home/bg_bot.png) left bottom repeat-x transparent;
	/*margin-top:35px;*/
}
.main{
	width:980px;
	margin:auto;
	overflow:hidden;
}
.header{
	background:url(../images/home/header_bg.png) center top no-repeat transparent;
	height: 110px;
}
.logo{
	float:left;
	margin: 15px 0 0 20px;
}
.header_right{
	float:right;
}
.support{
	float:right;
	margin-top:12px;
}

.yahooSupport{
	width:144px;
	height:22px;
	
        /* Ba me may
            background:url(../images/home/but_support.png) 0 0 no-repeat transparent;
        */
	
        cursor:pointer;
}


.listYahoo{
	display:none;
	background: #FFFFFF;
    margin: -4px 0 0 25px;
    width: 100px;
	padding:5px;
	border:1px solid #b3b3b3;
	-moz-border-radius: 0 0 5px 5px;
	-o-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	text-align:center;
}
.listYahoo a{
	display:block;
	margin:5px 0 8px;
}
.listYahoo span{
	display:block;
	font-size:10px;
	padding:3px 0;
	color:#333;
	font-weight:bold;
}
.nav{
    clear: both;
    float: right;
    margin-right: 400px;
    margin-top: -30px;
}
.nav li{
	display:inline;
	float:left;
	margin:0 5px;
}
.nav li a{
	display:block;
	color:blue;
	font-weight:bold;
	font-size:13px;	
	padding:5px 10px;
}
.nav li a:hover, .nav li a.active{
	border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-webkit-border-radius: 8px;
	background:url(../images/home/nav_bg.png) 0 0 repeat;
}
.subNav{
	display:none;
}
/*.banner{
	width:490px;
	height:229px;
	background:url(../images/home/banner_shadow.jpg) center bottom no-repeat #fff;
	padding:10px;
}*/

.mainBlock_container{
	width:1020px;
}
.mainBlock_item{
	width:306px;
	padding-right:31px;
	float:left;
}
.mainBlock_item label{
	display:block;
	line-height:28px;
	height:28px;
	padding-left:38px;
	background:url(../images/home/icon_mainBlock.jpg) 0 0 no-repeat transparent;
	font-size:18px;
	border-bottom: 1px dashed #b2b2b2;
	margin-bottom:8px;
	font-weight:bold;
	text-transform:uppercase;
}
.mainBlock_item label a{
	color: #0077cc;
}
.introBlock label{
	background-position:5px 0px;	
}
.serviceBlock label{
	background-position:3px -40px;	
}
.careerBlock label{
	background-position:3px -80px;	
}
.mainBlock_content{
	text-align:justify;	
}
.viewMore{
	padding:5px 0;
	text-align:right;
}
.viewMore a{
	font-weight:bold;
	color:#999;
	font-size:11px;
}
.viewMore a:hover{
	color:#07c;
}

.newsDetail-top-left{
    background-image: url("../images/home/bg-detail-top-left.png");
    background-repeat: no-repeat;
    float: left;
    height: 70px;
    width: 300px;
}

   
.newsDetail-top-right{
    background-image: url("../images/home/bg-detail-top-right.png");
    height: 69px;
    margin-left: 232px;
    background-repeat:no-repeat;
    background-position:center center;
    -o-background-size: 100% 100%, auto;
    -moz-background-size: 100% 100%, auto;
    -webkit-background-size: 100% 100%, auto;
    background-size: 100% 100%, auto;
}

.newsDetail{
    width: 760px;
    float: left;
    margin-top: -10px;
}


.newsDetail-mid{
    background-image: url("../images/home/bg-detail-mid.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%, auto auto;
    min-height: 300px;
    margin-top: -30px;
}
  

.newsDetail-bot{
    background-image: url("../images/home/bg-detail-bot.png");
    background-size: 100% 100%;
    height: 50px;
}

.newsDetail-date{
    color: blue;
    float: right;
    font-size: 15px;
    margin-right: 40px;
    margin-top: -50px;
}
        
.newsDetail-post{
    color: #000000;
    font-size: 14px;
    margin-left: 20px;
    margin-right: 40px;
    margin-top: 25px;
    padding-top: 25px;
}


.mainRight{
	width:200px;
	float:right;
}

.newsContent{
	background:url(../images/home/vDashed.png1) 600px top repeat-y transparent;
}
.newsItem{
    float: left;
    margin-top: -20px;
    padding-top: 25px;
}
.newsItem label{
	display:block;
	line-height:30px;
	height:30px;
	background:url(../images/home/line.png) 0 -22px repeat-x transparent;
	margin-bottom:10px;
}
.newsItem label span{
	display:block;
	padding:0 25px 0 8px;
	background:url(../images/home/line.png) 0 27px repeat-x transparent;
	float:left;
}

.newsItem label a {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
}

.newsItem label {
    background: url("../images/home/newsItemLabel.png") no-repeat scroll 0 bottom transparent;
    display: block;
    height: 25px;
    line-height: 25px;
    margin-bottom: 10px;
}

.oNewsList{
	float:left;
	width:340px;
}
.oNewsList li{
	padding:0 0 3px 10px;
	background:url(../images/home/bullet_news.png) left 4px no-repeat transparent;
}
.oNewsList li a{
	color:#f60;
}
.fNewsImg{
	float:left;
}
.fNewsImg img{
	width:120px;
	height:80px;
	padding:2px;
	border:1px solid #999;
	background:#fff;
	margin-right:12px;
        margin-top: 15px;
        margin-left: 15px;
}
.fNewsTitle{
	font-weight:bold;
	display:block;
	font-size:14px;
	padding:4px 0 10px;
}


/*.list_serviceBut li a.servicePrice{
	background-position: 0 0;
}
.list_serviceBut li a.birthdayService{
	background-position: 0 -30px;
}
.list_serviceBut li a.gameLeaseService{
	background-position: 0 -60px;
}
.list_serviceBut li a.eventService{
	background-position: 0 -90px;
}*/
.mainRightBlock{
	padding-top: 25px;
}
.mainRightBlock label{
	padding-bottom: 10px;
	/*background:url(../images/home/line.png) left -92px repeat-x transparent;*/
	display:block;
}
.mainRightBlock label span{	
	display:inline-block;
	zoom:1;
	*display:inline;	
	padding-right:15px;
	background:#fff;
	font-weight:bold;
	font-size:14px;
	color:#07c;
	text-transform:uppercase;
}
.greyContainer{
	margin-top:25px;
	padding-bottom: 8px;
	background:url(../images/home/grey_container.png) right bottom no-repeat transparent;
}
.greyContainer_top{
	padding-top: 8px;
	background:url(../images/home/grey_container.png) left top no-repeat transparent;
}
.greyContainer_content{
	background:url(../images/home/grey_container.png) center center repeat-y transparent;
	padding:2px 15px;
}
.greyContainer_title{
	height:28px;
	line-height:28px;
	border-bottom: 1px dashed #b2b2b2;
}
.greyContainer_title label{
	float:left;
	padding-left:5px;
}
.greyContainer_title label a{
	font-weight:bold;
	color:#07c;
	font-size:18px;
}
#imgScrollerWrapper .scroller_but {
    float: right;
}
#imgScrollerWrapper .scroller_container {
    overflow: hidden;
    width: 950px;
	padding:12px 0 8px;
}
#imgScrollerWrapper .scroller_container_content {
    width: 3000px;
}
#imgScrollerWrapper .scroller_item {
    float: left;
    margin-right: 12px;
    width: 180px;
}
#imgScrollerWrapper .scroller_item.empty {
    width: 180px;
	height:10px;
}
#imgScrollerWrapper .scroller_item img {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #ACACAC;
    height: 116px;
    padding: 2px;
    width: 174px;
}
#imgScrollerWrapper .scroller_item span {
    color: #acacac;
    display: block;
    font-size: 11px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    padding-top: 2px;
    text-align: center;
}
#imgScrollerWrapper .scroller_but a {
    display: inline-block;
	zoom:1;
	*display:inline;
    height: 20px;
    width: 21px;
}
#imgScrollerWrapper .scroller_but a.butL {
    background: url("../images/home/but_imgScoller.jpg") no-repeat scroll 0 0 transparent;
}
#imgScrollerWrapper .scroller_but a.butR {
    background: url("../images/home/but_imgScoller.jpg") no-repeat scroll right 0 transparent;
}
#imgScrollerWrapper .scroller_itemTitle{
	text-align:center;
	display:block;
	margin-top:5px;
}
.footer{
	height:170px;
	padding-top:65px;
}
.statistic{
	float:left;
	width:200px;
	height:96px;
	padding-top:54px;
	background:url(../images/home/statistic_bg.jpg) 0 0 no-repeat transparent;
}
.statistic span{
	float:left;
	width:120px;
	padding-left:20px;
	display:block;	
	color:#000;
}
.statistic b{
	float:left;
	width:40px;
	padding-right:20px;
	text-align:right;
	display:block;
	color:#fff;	
}
.copyright{
	color:#fff;
	text-align:center;
	padding-top:25px;
}
.copyright a{
	color:#fc0;
	font-weight:bold;
}
.footerBlock_container{
	float:right;
	width:780px;
}
.footerBlock_item{
	float:left;
	width:240px;
	padding: 35px 0 0 20px;
	font-size:11px;
	color:#999;
}
.footerBlock_item label{
	display:block;
	font-size:14px;
	font-weight:bold;
	color:#07c;
	padding-bottom:3px;
	border-bottom: 1px solid #525252;
	margin-bottom:7px;
}
.footerBlock_item p{
	padding-bottom:3px;
}
.footerBlock_item p b{
	color:#fff;
}

.btn-cart , .btn-detail{
    background: url("../images/home/dathang.png") no-repeat scroll left center transparent;
    float: left;
    height: 30px;
    margin-left: 480px;
    margin-top: 10px;
    padding: 0 2%;
    text-align: justify;
    width: 75px;
}

.btn-detail{
    background: url("../images/home/detail.png") no-repeat scroll left center transparent;
    margin-left: 610px;
    margin-top: -33px;
    width: 65px;
}

.cart {
    background-image: url("../images/home/bg-cart.jpg");
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    height: 38px;
    margin-bottom: -15px;
    margin-top: 10px;
    width: 140px;
}

.cart p {
    margin-left: 106px;
    margin-top: 6px;
    color: white;
}

.box2-mid {
    background: url("../images/home/bg-box.png") repeat scroll 0 0 transparent;
    padding: 0 15px;
}

.NewsContainer{
    background: url("../images/home/bg-box.png") repeat scroll 0 0 transparent;
    border-radius: 10px 10px 10px 10px;
    float: left;
    height: 240px;
    min-height: 116px;
    padding: 0 15px;
    width: 740px;
    margin-bottom: 15px;
}

.box2-top {
    background: url("../images/home/box2-top.png") no-repeat scroll 0 0 transparent;
    height: 55px;
}

.boxPriceBorder {
    background: url("../images/home/bg-box-price.png") no-repeat scroll 0 0 transparent;
    height: 50px;
    margin-left: 480px;
    margin-top: 60px;
    width: 230px !important;
}

.priceOldNew{
    font-size: 14px;
    color: #000000;
    margin-left: 50px;
    padding-top: 6px;
}

.newPrice{
    color: red;
    font-size: 14px;
    font-weight: 700;
    margin-left: 130px;
}

.oldPrice{
    font-size: 14px;
    font-weight: 700;
    text-decoration: line-through;
    margin-top: -34px;
    margin-left: 130px;
}

.box-content{
    font-size: 14px;
    color: #000000;
    margin-right: 70px;
}

.box-top {
    background: url("../images/home/cont_topcurve.gif") no-repeat scroll right top #EF820E;
    height: 13px;
}

#box-intro {
    background: url("../images/home/cont_bg.jpg") repeat-x scroll left top #E9C111;
    clear: both;
    padding: 0 10px 5px;
/*    position: relative;*/
    z-index: 900;
    margin-top: -15px;
}

#box-intro .box_sub {
    background: url("../images/home/bg_box_sub.png") no-repeat scroll left top transparent;
    height: 265px;
    margin-top: 15px;
    position: relative;
    width: 740px;
}

.box-bottom{
    background: url("../images/home/cont_bottomcurve.gif") no-repeat scroll right top;
    height: 10px;
}

.support{
    margin-right: -40px;
}

.support-top {
    background: url("../images/home/menu-right.png") no-repeat scroll 0 0 transparent;
    color: #000000;
    height: 41px;
    margin-left: -6px;
    position: relative;
    width: 241px;
}

.support-top p{
    color: white;
    font-size: 16px;
    font-weight: bold;
    padding-left: 40px;
    padding-top: 10px;
}

.listSupport{
    background: none repeat scroll 0 0;
    margin-top: -30px;
    padding: 0;
    width: 189px;
    height: 170px;
}

.listSupportBut{
    padding-top: 25px;
    margin-left: 4px;
}

.listSupportBut img{
    margin-left: -20px;
    margin-right: 10px;
    margin-top: 4px;
}

.listSupportBut li a{
        padding-bottom:5px;
	display:block;
	background:url(../images/home/but_service_mod.png) 0 0 no-repeat transparent;
	height:25px;
	line-height:30px;
	color:#fff;
	font-weight:bold;
	padding-left:34px;
	width:166px;
        margin-top: 10px;
}

.side-deal-bottom {
    background: url("../images/menu-bottom-right1.png") no-repeat scroll center bottom transparent;
    display: block;
    padding-bottom: 7px;
}

.sbox-content {
    background-color: #3DBDEE;
    background-image: url("../images/home/right_boxbg.gif");
    background-position: center top;
    background-repeat: repeat-x;
    padding: 7px;
}
/*body{
    background:url("../images/home/bg-blue-white.jpeg") repeat fixed center top transparent;
    background-repeat:no-repeat;
    background-position:center center;
    -o-background-size: 100% 100%, auto;
    -moz-background-size: 100% 100%, auto;
    -webkit-background-size: 100% 100%, auto;
    background-size: 100% 100%, auto;
}*/

.pagination {
    padding-top: 20px;
    text-align: center;
}
.pagination_content {
    display: inline-block;
}
.pagination span, .pagination a {
    color: #777777;
    display: inline-block;
    float: left;
    height: 26px;
    line-height: 26px;
    width: 26px;
}
.pagination a:hover {
    color: #FF6600;
}
.pagination .but_prev, .pagination .but_next {
    background: url("../images/home/pagination_but.png") no-repeat scroll center top transparent;
}
.pagination a.but_prev {
    background-position: center top;
}
.pagination span.but_prev {
    background-position: center -26px;
}
.pagination a.but_next {
    background-position: center -52px;
}
.pagination span.but_next {
    background-position: center -78px;
}
.pagination .active {
    background: url("../images/home/pagination_active.png") no-repeat scroll center bottom transparent;
}

/*
edit by godfather
2012/03/10
*/
/*
style currency
*/
.outer {
position:relative;
padding:4em 0 3em 0;
/*width:54em;*/
background:#eee;
margin:0 auto 3em auto;
}
.innera {
overflow:auto;
/*
width:54em;
height:9.6em;
*/
background:#eee;
}
.outer table caption {
position:absolute;
width:17em;
text-align:center;
top:0;
left:0;
height:1.5em;
background:#697210;
border:0.1em solid #fff;
color:#fff;
}
.outer thead tr {
position:absolute;
top:1.5em;
height:1.5em;
left:0;
}
.outer tfoot td {
position:absolute;
width:17em;
text-align:center;
background:#f0c992; 
border:0.1em solid #000;
color:#000;
bottom:0;
left:0
}
.outer th, .outer td {
width:6em; 
text-align:right;
}
.outer th {
    text-align:center;
background:#724a10; 
color:#fff;}
.outer .dk {background:#fff;
}

/*
style cart
*/
.outerCart {
position:relative;
padding:4em 0 3em 0;
/*width:54em;*/
background:#eee;
margin:0 auto 3em auto;
}
.inneraCart {
overflow:auto;
/*
width:54em;
height:9.6em;
*/
background:#eee;
}
.outerCart table caption {
position:absolute;
width:63em;
text-align:center;
top:0;
left:0;
height:1.5em;
background:#697210;
border:0.1em solid #fff;
color:#fff;
}
.outerCart thead tr {
position:absolute;
top:1.5em;
height:1.5em;
left:0;
}
.outerCart tfoot td {
position:absolute;
width:63.2em;
text-align:center;
background:#f0c992; 
border:0.1em solid #000;
color:#000;
bottom:0;
left:0
}
.outerCart th, .outerCart td {
width:13em; 
text-align:right;
}
.outerCart th {
    text-align:center;
background:#724a10; 
color:#fff;}
.outerCart .dk {background:#fff;
}
.price{
    color: red;
    font-weight: bold;
    text-align: right;
}
.labelPrice{
    color: red;
    font-weight: bold;
    text-align: left;
}
.captionInfo{
    font-weight: bold;
    text-align: center;
}
.inputInfo{
    width: 250px;
    
}